<template>
  <a-card title="问卷调查">
    <template #extra>
      <a-link>更多问卷</a-link>
    </template>
    <div
      :style="{
        boxSizing: 'border-box',
        width: '100%',
        padding: '10px',
      }"
    >
      <a-row :gutter="20" :style="{ marginBottom: '20px' }">
        <a-col :span="8">
          <a-card title="现状评估" :style="{ width: '100%' }">
            <template #extra>
              <a-link>更多</a-link>
            </template>
            问卷详情
          </a-card>
        </a-col>
        <a-col :span="8">
          <a-card title="职业兴趣" :style="{ width: '100%' }">
            <template #extra>
              <a-link>更多</a-link>
            </template>
            问卷详情
          </a-card>
        </a-col>
        <a-col :span="8">
          <a-card title="职业性格" :style="{ width: '100%' }">
            <template #extra>
              <a-link>更多</a-link>
            </template>
            问卷详情
          </a-card>
        </a-col>
      </a-row>
      <a-row :gutter="20">
        <a-col :span="8">
          <a-card title="职业技能" :style="{ width: '100%' }">
            <template #extra>
              <a-link>更多</a-link>
            </template>
            问卷详情
          </a-card>
        </a-col>
        <a-col :span="8">
          <a-card title="价值观" :style="{ width: '100%' }">
            <template #extra>
              <a-link>更多</a-link>
            </template>
            问卷详情
          </a-card>
        </a-col>
        <a-col :span="8">
          <a-card title="学习风格" :style="{ width: '100%' }">
            <template #extra>
              <a-link>更多</a-link>
            </template>
            问卷详情
          </a-card>
        </a-col>
      </a-row>
    </div>
  </a-card>
</template>

<script lang="ts" setup></script>

<style scoped></style>
